<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=9, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>管理员-素材管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="${__domain__}/static/common/common.css">
    <link rel="stylesheet" href="material.less">
    <link rel="stylesheet" href="../admin.less">
    <!-- <link rel="stylesheet" href="${__domain__}/static/a/b/c.css?{SITE_VERSION_NUM}">-->
</head>

<body>
    <link rel="import" href="../admin-head.html?__inline">
    <div class="wrapper clearfix">
        <div class="title-container wrapper" style="margin-top:35px;">
            <div class="title">管理员后台
                <br>
                <label>Administrator background</label>
            </div>
        </div>
        <div class="admin-left">
            <ul class="admin-nav">
                <li class="pub sub-nav show"><a href="javascript:void(0)">素材目录</a></li>
            </ul>
            <div class='folder-list' style="padding:10px 0px;background: #f1fafd">
                <div class='folder-one clearfix top-folder' id='main-folder'>
                    <div class="icon icon-folder-status  status-close"></div>
                    <div class="icon icon-folder-h-line"></div>
                    <div class="icon icon-folder-folder-status"></div>
                    <span class='f-name'>我的素材</span>
                    <div class='folder-one clearfix'>
                        <div class="icon icon-folder-status status-close"></div>
                        <div class="icon icon-folder-folder-status"></div>
                        <span class='f-name'>我的素材</span>
                        <div class='folder-one clearfix'>
                            <div class="icon icon-folder-status status-close"></div>
                            <div class="icon icon-folder-folder-status"></div>
                            <span class='f-name'>我的素材</span>
                            <div class='folder-one clearfix leaf-folder'>
                                <div class="icon icon-folder-status status-close"></div>
                                <div class="icon icon-folder-folder-status"></div>
                                <span class='f-name'>我的素材</span>
                            </div>
                        </div>
                        <div class='folder-one clearfix leaf-folder'>
                            <div class="icon icon-folder-status status-close"></div>
                            <div class="icon icon-folder-folder-status"></div>
                            <span class='f-name'>我的素材</span>
                        </div>
                    </div>
                    <div class='folder-one clearfix leaf-folder'>
                        <div class="icon icon-folder-status status-close"></div>
                        <div class="icon icon-folder-folder-status"></div>
                        <span class='f-name'>我的素材</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="admin-right">
            <div class="top">素材管理</div>
            <div class="action-container clearfix">
                <div class="btn btn-default upload">
                    <div class="icon icon-upload"></div>上传素材</div>
                <div class="btn btn-default">
                    <div class="icon icon-newfolder"></div>新建文件夹</div>
                <div class="btn btn-default">
                    <div class="icon icon-trash"></div>回收站</div>
                <div class="search-container">
                    <input type="text" placeholder='搜索图片/视频/文件夹名称' class='search-input'>
                    <div class="icon icon-search"></div>
                </div>
            </div>
            <div class="selection-container">
                <input type="checkbox" id='select-all'>共0个文件夹和0张图片0个视频
                <div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a>
                <div class="icon icon-move"></div><a href="javascript:void(0)">移动</a>
                <div class="btn btn-default">排序：
                    <select name="" id="">
                        <option value="">时间</option>
                        <option value="">大小</option>
                    </select>
                </div>
                <div class="btn btn-default" style='margin-right:5px'>素材类型：
                    <select name="" id="">
                        <option value="">全部</option>
                        <option value="">类型1</option>
                        <option value="">类型2</option>
                    </select>
                </div>
            </div>
            <div class="material-container-outer">
                <ul class='material-container clearfix'>

                    <li class="folder">
                        <div class="top-part">
                            <div class="show-tips" style=''>
                                <div class='move-folder'><div class="icon icon-move"></div><a href="javascript:void(0)">移动</a></div>
                                <div><div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a></div>
                                <div><div class="icon icon-edit"></div><a href="javascript:void(0)">重命名</a></div>
                            </div>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="folder">
                        <div class="top-part">
                            <div class="show-tips" style=''>
                                <div class='move-folder'><div class="icon icon-move"></div><a href="javascript:void(0)">移动</a></div>
                                <div><div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a></div>
                                <div><div class="icon icon-edit"></div><a href="javascript:void(0)">重命名</a></div>
                            </div>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li><li class="folder">
                        <div class="top-part">
                            <div class="show-tips" style=''>
                                <div class='move-folder'><div class="icon icon-move"></div><a href="javascript:void(0)">移动</a></div>
                                <div><div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a></div>
                                <div><div class="icon icon-edit"></div><a href="javascript:void(0)">重命名</a></div>
                            </div>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d1.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d1.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d2.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d2.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                
                    <li class="folder">
                        <div class="top-part">
                            <div class="show-tips" style=''>
                                <div class='move-folder'><div class="icon icon-move"></div><a href="javascript:void(0)">移动</a></div>
                                <div><div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a></div>
                                <div><div class="icon icon-edit"></div><a href="javascript:void(0)">重命名</a></div>
                            </div>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="folder">
                        <div class="top-part">
                            <div class="show-tips" style=''>
                                <div class='move-folder'><div class="icon icon-move"></div><a href="javascript:void(0)">移动</a></div>
                                <div><div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a></div>
                                <div><div class="icon icon-edit"></div><a href="javascript:void(0)">重命名</a></div>
                            </div>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li><li class="folder">
                        <div class="top-part">
                            <div class="show-tips" style=''>
                                <div class='move-folder'><div class="icon icon-move"></div><a href="javascript:void(0)">移动</a></div>
                                <div><div class="icon icon-delete"></div><a href="javascript:void(0)">删除</a></div>
                                <div><div class="icon icon-edit"></div><a href="javascript:void(0)">重命名</a></div>
                            </div>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d1.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d1.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d2.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                    <li class="doc">
                        <div class="top-part">
                            <img src="img/d2.png" alt="" class='img-s'>
                            <ul class="actions clearfix">
                                <li>
                                    <div class='copy-pic'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制图片</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='copy-code'>
                                        <div class="show-tips" style='width:80px;text-align:center'>复制代码</div>
                                    </div>
                                </li>
                                <li>
                                    <div class='show-detail'>
                                        <div class="show-tips">
                                            <div>素材类型：JPG文件</div>
                                            <div>上传时间：2013/11/11 10:14</div>
                                            <div>尺寸：1600×1200</div>
                                            <div>大小：300k</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="title-part">
                            店铺装修
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="pages">
                <li class="cur"><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li class="last"><a href="">ww</a></li>
            </ul>
        </div>
    </div>
    <link rel="import" href="../../../widget/wd-footer/wd-footer.html?__inline">
    <!-- your page.js -->
    <script type="text/javascript">
    </script>
    <script>
    require(['page/admin/material/material']);
    </script>
</body>

</html>
